<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案列</title>
    <style>
        ul {
            list-style: none;
        }
        ul li{
            color: #666;
        }
        ul li .text-red {
            color: red;
        }
        ul li .text-orange {
            color: orange;
        }
        ul li span{
            color: #666;
        }
        a{
            text-decoration: none;
            color: red;
        }
    </style>
</head>
<body>
    <h1>本章重点如下</h1>
    <ul>
        <li><span class="text-red">1、</span>区分css注释和html注释</li>
        <li><span class="text-orange">2、</span>css样式的3种书写位</li>
        <li><span class="text-blue">3、</span>id和class选择器的命名规则</li>
        <li><span>4、</span>id选择器、class选择器、标签选择器、通配符选择器和行内样式</li>
        <li><span>5、</span>首屏优化策略：首屏样式会考虑内联样式书写</li>
        <li><span>6、</span>原子化类:把css样式细化成原子类，一个类只写一类样式</li>
    </ul>
    <p>访问我的网站：<a href="http://www.buer8.com">http://www.buer8.com</a></p>
</body>

</html>